<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        /* 1 */
        .iQa {
            background-color: #f5f5f5;
        }

        .iQA-top {
            font-size: 25rpx;
            color: #d3d3d3;
            margin-left: 36rpx;
            padding-top: 48rpx;

        }

        .iQA-buoot {
            display: flex;
            justify-content: space-between;
            width: 92%;
            height: 90rpx;
            background-color: #fff;
            line-height: 90rpx;
            align-items: center;
            margin-left: 30rpx;
            margin-top: 25rpx;
        }

        .iQA-buoot_yop {
            font-size: 28rpx;
            color: #5b5b5b;
            padding-left: 20rpx;
        }

        .iQA-buoot_bu {
            font-size: 28rpx;
            color: #3d4982;
            padding-right: 20rpx;
        }

        /* 2 */
        .iaq {
            display: flex;
            height: 72rpx;
            width: 94%;
            line-height: 72rpx;
            align-items: center;
            margin-left: 26rpx;
            margin-top: 34rpx;

        }

        .iaq_lef {
            font-size: 28rpx;
            color: #4e4e4e;
        }

        .iaq_rif {
            margin-left: 66rpx;
            position: relative;
        }

        .iaq_rif input {
            background-color: #f6f7fb;
            height: 86rpx;
            width: 160%;
        }

        .iaq_rif_inp_tet {
            position: absolute;
            top: -68rpx;
            right: -162rpx;
            font-size: 25rpx;
            color: #cfd1dd;
        }

        /* 3 */
        .faultCode {
            position: relative;
        }

        .setting {
            width: 100%;
            height: 436rpx;
            background-color: rgb(74, 179, 231);
        }

        .faultCode_content {
            position: absolute;
            top: 370rpx;
            left: 0;
        }

        .Dialog {
            width: 180%;
            height: 588rpx;
            background-color: #20b3bb;
            border-radius: 70rpx;
        }

        .Dialog_a {
            font-size: 40rpx;
            color: #fcfdfe;
            text-align: center;
            padding: 50rpx 0rpx;

        }

        .Dialog_b input {
            width: 90%;
            height: 80rpx;
            background-color: #4bc0c7;
            padding-left: 19rpx;
            margin-left: 42rpx;

        }

        .Dialog_b_tet {
            color: #fcfdfe;
        }

        .Dialog_c {
            display: flex;
            font-size: 25rpx;
            color: #9fd7db;
            margin-left: 61rpx;
            padding-top: 20rpx;

        }

        .Dialog_c_teb {
            margin-left: 20rpx;
            padding-top: 5rpx;


        }

        .default {
            width: 38%;
            height: 80rpx;
            text-align: center;
            line-height: 34rpx;
            background-color: #fe5208;
            margin-left: 231rpx;
            padding-top: 31rpx;
            margin-top: 49rpx;
            border-radius: 50rpx;
            color: #fcfdfe;
        }

        .two {
            background-color: #2d84b1;
            position: absolute;
            top: 457rpx;
            left: 0rpx;
            height: 678rpx;
        }

        .three {
            background-color: #3650af;
            position: absolute;
            top: 640rpx;
            left: 0rpx;
        }

        .Dialog_gn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 64rpx;
        }

        .Dialog_tets {
            font-size: 40rpx;
            color: #fcfdfe;
            margin-left: 85rpx;

        }

        .Dialog_img image {
            width: 60rpx;
            height: 60rpx;
            margin-right: 85rpx;

        }

        .Dialog_spn {
            margin-top: 30rpx;
        }

        /* 4 */
        .head_headline {
            position: relative;
            width: 100%;
            height: 174rpx;
            background-color: #fff;
        }

        .head_headline_tet {
            display: flex;
            justify-content: space-between;
            padding-top: 20rpx;
        }

        .head_headline_tet_a {
            font-size: 30rpx;
            padding-left: 20rpx;
            font-weight: 700;
        }

        .head_headline_tet_b {
            position: relative;
        }

        .head_headline_tet_e {
            font-size: 26rpx;
            color: #3f86f6;
            padding-right: 60rpx;
            padding-top: 0rpx;
        }

        .head_headline_tet_d {
            transform: rotate(180deg);
            position: absolute;
            top: 32rpx;
            right: 26rpx;
        }

        .head_headline_tet_c {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 12rpx 20rpx 12rpx;
            border-color: transparent transparent #3f86f6 transparent;
        }

        .head_headline_sanq {
            display: flex;
        }

        .head_headline_san {
            height: 60rpx;
            width: 104px;
            background-color: #ebf3fe;
            text-align: center;
            line-height: 60rpx;
            margin-top: 32rpx;
            margin-left: 32rpx;
        }

        /* 5 */
        .apply {
            width: 90%;
            background-color: #fff;
            margin-top: 34rpx;
            margin-left: 40rpx;
        }

        .apply_head {
            width: 176rpx;
            height: 64rpx;
            color: #fff;
            font-size: 30rpx;
            background-color: #3650af;
            border-radius: 0rpx 0rpx 30rpx 0rpx;
            text-align: center;
            line-height: 64rpx;
        }

        .apply_tet {
            font-size: 34rpx;
            color: #515151;
            padding-left: 27rpx;
            padding-bottom: 30rpx;
        }

        /* 6 */
        .factory-box {
            display: flex;
            justify-content: start;
            flex-wrap: wrap;
            background-color: #fbfbfb;
            padding-top: 20rpx;

        }

        .choose-title {
            padding: 36rpx;
            box-sizing: border-box;
            font-size: 35rpx;
            font-weight: 700;
            color: #323232;
        }

        .factory-img image {
            width: 124rpx;
            height: 110rpx;
        }

        .factory-box {
            margin-top: 18rpx;
            background-color: #fbfbfb;
        }

        .factory-s {
            width: 20%;
            margin-top: 12rpx;
            margin: 24rpx 15rpx;
            background-color: #ffffff;
            margin-left: 16rpx;

        }

        .factory-name {
            text-align: center;
        }

        /* 7 */

        .nav {
            display: flex;
            justify-content: start;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 20rpx;
            margin-top: 60rpx;
            width: 90%;
            margin: auto;
            position: relative;
            top: 24rpx;
            background-color: #fff;
            border-radius: 16rpx;
            box-shadow: 0rpx 6rpx 4rpx 6rpx #eeeff3;
        }

        .nav-box {
            width: 25%;
            text-align: center;
        }

        .nav-box2 {
            width: 20%;
            text-align: center;
        }

        .nav_small {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1;
            margin-bottom: 30rpx;
        }

        .nav_img {
            width: 80rpx;
            height: 80rpx;
            margin: 20rpx 0 10rpx 0;
            border-radius: 50%;
        }

        .nav_small text {
            font-size: 22rpx;
            color: #858585;
        }

        /* 8 */
        .nav2 {
            display: flex;
            justify-content: start;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 20rpx;
            width: 96%;
            margin: auto;
        }

        .nav_small {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1;
            margin-bottom: 30rpx;
        }

        .nav_small text {
            font-size: 22rpx;
            color: #858585;
        }

        .nav-box2 {
            width: 20%;
            text-align: center;
        }

        .nav_img2 {
            width: 70rpx;
            height: 60rpx;
            margin: 20rpx 0 10rpx 0;

        }

        /* 9 */
        .sign-box {
            position: relative;
            background: url(https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/sing2.png);
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 10rpx;
            display: flex;
            width: 91%;
            height: 136rpx;
            margin: 34rpx;

        }

        .cu-btn2 {
            position: absolute;
            top: 40rpx;
            right: 45rpx;
            font-size: 22rpx;

        }

        .sign-right button {
            width: 185rpx !important;
            height: 63rpx;
        }

        .sign-button {
            background-color: #fff;
            color: #65bdc7;
        }

        .vip-box {
            display: flex;
            justify-content: space-between;
            width: 90%;
            margin: auto;
            margin-top: 26rpx;
        }

        .vip-le {
            background: url(https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/vip.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 48%;
        }

        .vip-ri {
            display: flex;
            align-items: center;
            width: 48%;
            flex-direction: column;
        }

        .vip-ri-top {
            background: url(https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/youhui.png);
            background-repeat: no-repeat;
            background-size: contain;
            height: 200rpx;
            width: 100%;
            border-radius: 10rpx;
        }

        .vip-ri-bottom {
            background: url(https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/myziliao.jpg);
            background-repeat: no-repeat;
            background-size: contain;
            height: 200rpx;
            width: 100%;
            border-radius: 10rpx;
            position: relative;
            top: -4rpx;
        }

        /* 10 */
        .paragraph-title {
            width: 91%;
            margin: auto;
            font-size: 30rpx;
            display: flex;
            justify-content: space-between;
            margin-top: 66rpx;
            align-items: center;
            margin-bottom: 40rpx;
        }

        .news-title {
            font-size: 38rpx;
            font-weight: bold;
            color: #000;
        }

        .news-more1 {
            font-size: 26rpx;
            color: #c9c4c4;
            width: 75%;
            text-align: right
        }

        .classify_list {
            display: flex;
            width: 96%;
            overflow-y: scroll;
            white-space: nowrap;
            margin: 40rpx auto 60rpx auto;
        }

        .rrrrr {
            width: 100%;
        }

        .classify {
            background-color: #f3f3f3;
            height: 400rpx;
            width: 270rpx;
            margin: 0 20rpx;
        }

        .flash-sales {
            background-color: #fe5208;
            width: 150rpx;
            height: 50rpx;
            line-height: 50rpx;
            color: #fff;
            font-size: 22rpx;
            text-align: center;
            border-radius: 0 0 36rpx 0;
        }

        .bookshop {
            margin: 30rpx auto 0 auto;
            width: 135rpx;
            height: 190rpx;
        }

        .bookshop image {
            width: 100%;
            height: 100%;
            border-radius: 16rpx;
        }

        .bookshop-title {
            width: 90%;
            text-align: center;
            color: #a9a9a9;
            white-space: normal;
            margin: 20rpx auto 0 auto;
        }
    </style>
</head>

<body>
    <!-- 1 -->
    <view class="iQa">
        <view class="iQA-top">各点油量调整值（单位： mm3/str）</view>
        <view class="iQA-buoot">
            <view class="iQA-buoot_yop">全负荷点FL</view>
            <view class="iQA-buoot_bu">-25.5</view>
        </view>
    </view>

    <!-- 2 -->
    <view class="iaq">
        <view class="iaq_lef">
            全负荷点FL
        </view>
        <view class="iaq_rif">
            <input class="iaq_rif_inp" placeholder="-25.5"
                placeholder-style="color:#3c4782;font-size: 28rpx;margin-left: 20rpx;"
                placeholder-class="input-placeholder" maxlength="140">
            <text class="iaq_rif_inp_tet" selectable="false" space="false" decode="false">
                mm3/str
            </text>
            </input>
        </view>
    </view>
    <!-- 3 -->
    <view class="faultCode">
        <!-- 背景 -->
        <view class="setting">
            <view class="setting_d"></view>
        </view>
        <!-- 内容 -->
        <view class="faultCode_content">
            <!-- 第一个  弹出窗 -->
            <view class="Dialog">
                <view class="Dialog_a">查故障码</view>
                <view class="Dialog_b">
                    <input class="" placeholder="请输入故障码， 如1011" placeholder-class="Dialog_b_tet"></input>
                </view>
                <view class="Dialog_c">
                    <view class="Dialog_c_tea">
                        <text class="">搜索记录</text>
                    </view>
                    <view class="Dialog_c_teb">1001</view>
                    <view class="Dialog_c_teb">3033</view>
                    <view class="Dialog_c_teb">4122</view>
                    <view class="Dialog_c_teb">...</view>
                </view>
                <view class="Dialog_d">
                    <button class="default">查询</button>
                </view>
            </view>
            <!-- 第二个 -->
            <view class="Dialog  two">
                <view class="Dialog_gn">
                    <view class="Dialog_tets">查SPN_FML码</view>
                    <view class="Dialog_img">
                        <image class="" src="https://s1.ax1x.com/2020/06/22/NGpTsI.png" mode="aspectFit" />
                    </view>
                </view>
                <view class="Dialog_a Dialog_spn">查SPN_FML码</view>
                <view class="Dialog_b">
                    <input class="" placeholder="请输入故障码， 如1011" placeholder-class="Dialog_b_tet"></input>
                </view>
                <view class="Dialog_c">
                    <view class="Dialog_c_tea">
                        <text class="">搜索记录</text>
                    </view>
                    <view class="Dialog_c_teb">1001</view>
                    <view class="Dialog_c_teb">3033</view>
                    <view class="Dialog_c_teb">4122</view>
                    <view class="Dialog_c_teb">...</view>
                </view>
                <view class="Dialog_d">
                    <button class="default">查询</button>
                </view>
            </view>
            <!-- 第三个 -->
            <view class="Dialog  three">
                <view class="Dialog_gn">
                    <view class="Dialog_tets">查故障码描述</view>
                    <view class="Dialog_img">
                        <image class="" src="https://s1.ax1x.com/2020/06/22/NGpTsI.png" mode="aspectFit" />
                    </view>
                </view>
                <view class="Dialog_a Dialog_spn">查故障码描述</view>
                <view class="Dialog_b">
                    <input class="" placeholder="请输入故障码， 如1011" placeholder-class="Dialog_b_tet"></input>
                </view>
                <view class="Dialog_c">
                    <view class="Dialog_c_tea">
                        <text class="">搜索记录</text>
                    </view>
                    <view class="Dialog_c_teb">1001</view>
                    <view class="Dialog_c_teb">3033</view>
                    <view class="Dialog_c_teb">4122</view>
                    <view class="Dialog_c_teb">...</view>
                </view>
                <view class="Dialog_d">
                    <button class="default">查询</button>
                </view>
            </view>
        </view>
    </view>

    <!-- 4 -->
    <view class="head_headline">
        <view class="head_headline_tet">
            <view class="head_headline_tet_a">
                选择系统：
            </view>
            <view class="head_headline_tet_b" wx:if="{{shouqi==2}}">
                <view class="head_headline_tet_e">
                    更多系统
                </view>
                <view class="head_headline_tet_d">
                    <text class="head_headline_tet_c"></text>
                </view>
            </view>
        </view>
        <view class="head_headline_sanq">
            <view class="head_headline_san ">cm875</view>
            <view class="head_headline_san ">cm875</view>
            <view class="head_headline_san ">cm875</view>
        </view>
    </view>

    <!-- 5 -->
    <view class="apply">
        <view class="apply_head">
            适用于
        </view>
        <view class="apply_tet">
            <text class="apply_tet_a" space="true">
                检查 / 压缩 / 机继 / 电器 / 控制等
            </text>
        </view>
    </view>


    <!-- 6 -->
    <view>
        <view class="choose-title">
            选择厂家
        </view>
        <view class="factory-box">
            <view class="factory-s">
                <view class="factory-list">
                    <view class="factory-img">
                        <image src="https://s1.ax1x.com/2020/06/23/NNb3i4.jpg"></image>
                    </view>
                    <view class="factory-name">
                        一汽
                    </view>
                </view>
            </view>
        </view>
    </view>



    <!-- 7 -->
    <view>
        <view class="nav">
            <view class="nav-box" bindtap="goToNavOne">
                <view class="nav_small">
                    <image class="nav_img" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/newsnav1.png"></image>
                    <text>查故障码</text>
                </view>
            </view>
            <view class="nav-box" bindtap="goToNavTwo">
                <view class="nav_small">
                    <image class="nav_img" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/nav2.png"></image>
                    <text>电路图</text>
                </view>
            </view>
            <view class="nav-box" bindtap="goToNavThree">
                <view class="nav_small">
                    <image class="nav_img" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/nav3.png"></image>
                    <text>后处理</text>
                </view>
            </view>
            <view class="nav-box" bindtap="goTocgq">
                <view class="nav_small">
                    <image class="nav_img" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/nav4.png"></image>
                    <text>传感器/执行器</text>
                </view>
            </view>
        </view>
    </view>

    <!-- 8 -->
    <view>
        <view class="nav2">
            <view class="nav-box2" bindtap="goToQMZS">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon5_2.png"></image>
                    <text>气门正时</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToIQA">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon6_2.png"></image>
                    <text>IQA计算</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToDPTZ">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon7_2.png"></image>
                    <text>垫片调整</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goTobjxx">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon8_2.png"></image>
                    <text>部件信息</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToNavcssj">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon9_2.png"></image>
                    <text>测试数据</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToNavpeitao">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon10_2.png"></image>
                    <text>配套信息</text>
                </view>
            </view>
            <view class="nav-box2">
                <view class="nav_small" bindtap="goToNavSeven">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon11_2.png"></image>
                    <text>工程机械</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToNatura">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon12_2.png"></image>
                    <text>天燃气</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToxny">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon13_2.png"></image>
                    <text>新能源</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToCommon">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon14_2.png"></image>
                    <text>常见故障</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToserver">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon15_2.png"></image>
                    <text>维修手册</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToCLSJ">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon16_2.png"></image>
                    <text>车辆数据</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goTobiansu">
                <view class="nav_small">
                    <image class="nav_img2" mode="aspectFit"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon17_2.png"></image>
                    <text>变速器</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToFDJ">
                <view class="nav_small">
                    <image class="nav_img2" mode="cover"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon19_2.png"></image>
                    <text>发动机</text>
                </view>
            </view>
            <view class="nav-box2" bindtap="goToZCZL">
                <view class="nav_small">
                    <image class="nav_img2"
                        src="https://xcwy-img.oss-cn-beijing.aliyuncs.com/zdyb_icon/index_icon18_2.png">
                    </image>
                    <text>整车资料</text>
                </view>
            </view>
        </view>
    </view>

    <!-- 9 -->
    <view>
        <view class="action-box">
            <view class="sign-box" bindtap="gotosign">
                <view class="sign-left">
                </view>
                <view class="sign-right" bindtap="signin">
                    <button class="cu-btn2  sign-button">立即签到</button>
                </view>
            </view>

            <view class="vip-box">
                <view class="vip-le" bindtap="gotohuiyuan">

                </view>
                <view class="vip-ri">
                    <view class="vip-ri-top" bindtap="gotoyouhui">

                    </view>
                    <view class="vip-ri-bottom" bindlongtap="gotofenxiang">

                    </view>
                </view>
            </view>
        </view>
    </view>
    
    <!-- 10 -->
    <view>
        <view class="paragraph-title">
            <view class="news-title">
                积分商城
            </view>
            <view class="news-more1" bindtap="gotoshangcheng">
                更多 >
            </view>
        </view>

        <view class='classify_list'>
            <block>
                <view class="rrrrr">
                    <view class="classify">
                        <view class="flash-sales">限时特惠</view>

                        <view class="bookshop">
                            <image
                                src="https://xcwy-img.oss-accelerate.aliyuncs.com/Product/20200611/20200611142323_32792.png">
                            </image>
                        </view>

                        <view class="bookshop-title">
                            正德友邦培训专用教材
                        </view>
                    </view>
                </view>
                <view class="rrrrr">
                    <view class="classify">
                        <view class="flash-sales">限时特惠</view>

                        <view class="bookshop">
                            <image
                                src="https://xcwy-img.oss-accelerate.aliyuncs.com/Product/20200611/20200611142323_32792.png">
                            </image>
                        </view>

                        <view class="bookshop-title">
                            正德友邦培训专用教材
                        </view>
                    </view>
                </view>
                <view class="rrrrr">
                    <view class="classify">
                        <view class="flash-sales">限时特惠</view>

                        <view class="bookshop">
                            <image
                                src="https://xcwy-img.oss-accelerate.aliyuncs.com/Product/20200611/20200611142323_32792.png">
                            </image>
                        </view>

                        <view class="bookshop-title">
                            正德友邦培训专用教材
                        </view>
                    </view>
                </view>
            </block>
        </view>

    </view>
</body>

</html>